
	<template>
    		<el-select v-model="value" placeholder="狼人集团总部" class="header1">
          
    <el-option
	 class="header1-next"
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
    
  </el-select>
  
  </template>
  
  <script>
  export default {
     data() {
      return {
        options: [{
          value: '选项1',
          label: '狼人集团总部'
        }, {
          value: '选项2',
          label: '狼人电器公司'
        }],
        value: ''
      }
    }
  }
  </script>
  
  <style lang="scss" scoped>

.header1{
	
   width:139px;
    height: 100%;
    // border: 1px solid;
    top: 1%;
    right: 0%;
}
.header1-next{
        width:131px;
        margin-left: 31px;
        color: black;
        background: #8a888b;
        margin-bottom: 5px;
        border-radius: 5%;
        border-radius: 5%;
        margin-top: 16px;
       height: 30px;
       color: white;
       }
      .header1-next:hover{
        background: #fefefe;
        color: #7d7b7a;
      }

.header1 /deep/ .el-input{
  width: 139px;
  height: 100%;
}
</style>

<style>
.popper__arrow{
border-width: 20px;
}
</style>

  
  

			

    
  